<link rel="stylesheet" href="../css/mobiscroll.css">
<link rel="stylesheet" href="../css/mobiscroll_date.css">
<link rel="stylesheet" href="../css/iosSelect.css">
<style>
    * {
        touch-action: pan-y;
    }

    html,
    body {
        background-color: #eee;
    }

    .dy-wrap .list {
        display: flex;
        align-items: center;
        background: #fff;
        border-bottom: 1px solid #eee;
        padding: 10px;
        font-size: 14px;
    }

    .dy-wrap .list .title {
        font-weight: bold;
        margin-right: 10px;
        color: #222;
        word-break: keep-all;
    }

    .dy-wrap .list .content {
        width: 100%;
    }

    .dy-wrap .list .content input {
        width: 100%;
    }

    .new-submit {
        font-size: 14px;
    }

    /* 配图 */
    .dy-wrap .list.tu {
        align-items: flex-start;
    }

    .dy-wrap .list.tu .i-list {
        position: relative;
        margin-top: 15px;
        margin-right: 15px;
    }

    .dy-wrap .list.tu .img {
        height: 80px;
        width: 80px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dy-wrap .list.tu .img.img-w img {
        width: 80px;
    }

    .dy-wrap .list.tu .img.img-h img {
        height: 80px;
    }

    .dy-wrap .list.tu .aui-icon-close {
        position: absolute;
        top: -8px;
        right: -8px;
        background: #fff;
        border: 1px dashed #aaa;
        border-radius: 50%;
        padding: 2px;
    }
</style>
<div id="view">
    <ul class="wrap dy-wrap">
        <li class="list new-margin-tb-10 theme" onclick="selectAction('theme')">
            <div class="title">约会主题</div>
            <div class="content">
                <input type="text" placeholder="请选择" readonly>
            </div>
        </li>
        <li class="list dy-content">
            <div class="title">约会内容</div>
            <div class="content">
                <input type="text" placeholder="请填写">
            </div>
        </li>
        <li class="list time">
            <div class="title">约会时间</div>
            <div class="content">
                <input type="text" placeholder="请选择" readonly id="activeTime">
            </div>
        </li>
        <li class="list city" onclick="_showCity()">
            <div class="title">约会城市</div>
            <div class="content">
                <input type="text" placeholder="请选择" readonly>
            </div>
        </li>
        <li class="list pay" onclick="selectAction('pay')">
            <div class="title">约会买单</div>
            <div class="content">
                <input type="text" placeholder="请选择" readonly>
            </div>
        </li>
        <li class="list budget">
            <div class="title">约会预算</div>
            <div class="content">
                <input type="text" placeholder="请填写" onkeyup="num(this)">
            </div>
        </li>
        <li class="list tu flex-col new-margin-t-10">
            <div class="title">约会配图</div>
            <div class="content">
                <ul class="img-wrap flex-w">
                    <!-- <li class="i-list">
                            <div class="img img-h">
                                <img src="../image/test/01.jpg" alt="">
                            </div>
                            <i class="aui-iconfont aui-icon-close"></i>
                        </li> -->
                    <input type="file" id="pic" accept="image/*" style="display: none;">
                    <li class="i-list" onclick="selectFile();">
                        <div class="img img-h">
                            <img src="../image/add.jpg" alt="">
                        </div>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
    <button class="new-submit" onclick="submit()">确定发布</button>
    <div class="new-hide" id="modal-wrap"></div>
</div>
<script src="../script/mobiscroll_time.js" charset="UTF-8"></script>
<script src="../script/mobiscroll.js"></script>
<script src="../script/area.js"></script>
<script src="../script/fabu.js?v=1.0.1"></script>